@import "mixin-font";
@import "mixin-media-query";
@import "icon-font";
@import "flex";
@import "mixin-background";
@import "mixin-gradient";
@import "mixin-position";
@import "mixin-transform";

// reset
// -------------------------------------------------------------------------
*{
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
    		box-sizing: border-box;
}

ul,
li,
ol{
	list-style: none;
}

input,
textarea,
button{
	outline: 0;
	-webkit-appearance:none;
}

input,
textarea,
button{
	background: transparent;
	&:-webkit-autofill {
		-webkit-box-shadow: 0 0 0 1000px #fff inset;
	}
	&::-webkit-search-cancel-button {
		display: none;
	}
}

:-moz-placeholder {
    color: $color999;  
}

::-moz-placeholder {
    color: $color999; 
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: $color999;  
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: $color999; 
}

a{
	text-decoration: none;
	tap-highlight-color: rgba(0,0,0,0);
	focus-ring-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-focus-ring-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0,0,0,0);
	-moz-focus-ring-color: rgba(0, 0, 0, 0);
}

img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

// ::scrollbar
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-corner, ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(100,100,100,0.4);
}
::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: rgba(50,50,50,0.3);
}
::-webkit-scrollbar-thumb {
    background: rgba(100,100,100,0.8);
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::selection {
    color: #ffffff;
    background: $colorBlue;
    text-shadow: none;
}

// 
.clearfix:before,
.clearfix:after{
	content:"";
	display: block;
	height: 0;
	line-height:0;
	overflow: hidden;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
}

html{
	font-family: $fontFamily;
	font-size: 14px;
	background-color: $colorFFF;

	@include respond-to(xxxs) {
		font-size: 12px !important;
	}

	@include respond-to(xxs) {
		font-size: 12px !important;
	}

	@include respond-to(xs) {
		font-size: 14px !important;
	}
}

html{
	background-color: #ededed;
}

body{
	-webkit-overflow-scrolling: touch;
	position: relative;
	@include translate(0, 0, 0);
	@include transition(transform, .3s, ease-in-out, 0);
}

.y-scroll{
	overflow-x: hidden;
	overflow-y:auto !important;
	-webkit-overflow-scrolling: touch;
}

.no-scroll{
	overflow: hidden !important;
	-webkit-overflow-scrolling: touch;
}